<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="../../common/js/jquery.min.js"></script>
    <script src="../../common/js/bootstrap.js"></script>
    <script src="../../common/js/swiper.min.js"></script>
    <!--引用百度地图API-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6h4SyQvynGIl4SfwNqdwRkSrkMTfnNwc"></script>
    <link rel="stylesheet" href="../../common/css/bootstrap.css"/>
    <link rel="stylesheet" href="../../common/css/base.css">
    <link rel="stylesheet" href="../../common/css/common.css">
    <link rel="stylesheet" href="./index.css"/>
    <link rel="stylesheet" href="../../common/css/swiper.min.css">
    <title>Task6</title>
</head>
<body class="lf-body">
	<header>
	    <div class="header-box" style="width: auto;">
	        <img src="../../images/logo.png" alt="" class="header-logo">
	        <div class="header-name">朝阳区众创空间资源一体化平台</div>
	        <span class="glyphicon glyphicon-user user-icon header-icon" ></span>
	        <span class="glyphicon glyphicon-menu-hamburger header-icon"></span>
	    </div>
	</header>
    <div>
        <main>
            <div id="carousel-example-generic" class="carousel slide center-block" data-ride="carousel">
                <ol class="carousel-indicators" >
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="../../images/banner_1.png" alt="...">
                    </div>
                    <div class="item">
                        <img src="../../images/banner_1.png" alt="...">
                    </div>
                    <div class="item">
                        <img src="../../images/banner_1.png" alt="...">
                    </div>
                </div>
            </div>
            <!-- 空间简介 -->
            <div class="zone-box container">
                <h4 class="p-tit" style="">空间简介</h4>
                <p class="zone-tit">简介</p>
                <div class="zone-content">CCTV报道的创业孵化平台，北京市众创空间。以联合办公空间为载体、为新生代企业提供全方位扶持的资源聚合平台。提供联合办公、企业服务、创业研习社、融资服务和产业孵化。星库空间的服务对象包括从自由职业到艺术家，从初创公司到跨国企业，1个人或100人团队，只要成为星库会员，都可以使用星库空间的办公场所，享受星库空间的线上服务。</div>
            </div>
            <!-- 服务 -->
            <div class="container">
                <h4 class="p-tit">服务</h4>
                <div class="serve-box">
                    <div class="ch-serve-item-title">基础服务</div>
                    <div class="container">
                        <div class="row ch-serve-item-row" >
                            <div class="col-xs-3 ch-serve-row-items" >前台接见</div>
                            <div class="col-xs-3 ch-serve-row-items">办公家具</div>
                            <div class="col-xs-3 ch-serve-row-items">复印打印</div>
                            <div class="col-xs-3 ch-serve-row-items">办公宽带</div>
                        </div>
                        <div class="row ch-serve-item-row" >
                            <div class="col-xs-3 ch-serve-row-items">传真</div>
                            <div class="col-xs-3 ch-serve-row-items">会议室</div>
                            <div class="col-xs-3 ch-serve-row-items">视频会议</div>
                            <div class="col-xs-3 ch-serve-row-items">WIFI</div>
                        </div>
                        <div class="row ch-serve-item-row" >
                             <div class="col-xs-3 ch-serve-row-items">前台接见</div>
                            <div class="col-xs-3 ch-serve-row-items">办公家具</div>
                            <div class="col-xs-3 ch-serve-row-items">复印打印</div>
                            <div class="col-xs-3 ch-serve-row-items">办公宽带</div>
                        </div>
                    </div>

                    <div class="ch-serve-item-title">企业服务</div>
                    <div class="container">
                        <div class="row ch-serve-item-row" >
                            <div class="col-xs-3 ch-serve-row-items">公司年检</div>
                            <div class="col-xs-3 ch-serve-row-items">法律咨询</div>
                            <div class="col-xs-3 ch-serve-row-items">财税代理</div>
                            <div class="col-xs-3 ch-serve-row-items">人力招聘</div>
                        </div>
                        <div class="row ch-serve-item-row" >
                            <div class="col-xs-3 ch-serve-row-items">传真</div>
                            <div class="col-xs-3 ch-serve-row-items">会议室</div>
                            <div class="col-xs-3 ch-serve-row-items">视频会议</div>
                            <div class="col-xs-3 ch-serve-row-items">WIFI</div>
                        </div>
                        <div class="row ch-serve-item-row" >
                             <div class="col-xs-3 ch-serve-row-items">前台接见</div>
                            <div class="col-xs-3 ch-serve-row-items">办公家具</div>
                            <div class="col-xs-3 ch-serve-row-items">复印打印</div>
                            <div class="col-xs-3 ch-serve-row-items">办公宽带</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container ch-lease-main-box">
                <h4 class="p-tit" style="margin-bottom: 0.36rem">租赁信息</h4>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="../../images/tud@2x.png" class="ch-lease-lists-item-img">
                            <div class="swiper-bom-box">
                                <h4 class="swiper-bom-title">40人办公室</h4>
                                <p class="swiper-bom-centent">环境优雅，干净，空位宽敞，干净，环境优雅，干净</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="../../images/tud@2x.png" class="ch-lease-lists-item-img">
                            <div class="swiper-bom-box">
                                <h4 class="swiper-bom-title">40人办公室</h4>
                                <p class="swiper-bom-centent">环境优雅，干净，空位宽敞，干净，环境优雅，干净</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="../../images/tud@2x.png" class="ch-lease-lists-item-img">
                            <div class="swiper-bom-box">
                                <h4 class="swiper-bom-title">40人办公室</h4>
                                <p class="swiper-bom-centent">环境优雅，干净，空位宽敞，干净，环境优雅，干净</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="../../images/tud@2x.png" class="ch-lease-lists-item-img">
                            <div class="swiper-bom-box">
                                <h4 class="swiper-bom-title">40人办公室</h4>
                                <p class="swiper-bom-centent">环境优雅，干净，空位宽敞，干净，环境优雅，干净</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="../../images/tud@2x.png" class="ch-lease-lists-item-img">
                            <div class="swiper-bom-box">
                                <h4 class="swiper-bom-title">40人办公室</h4>
                                <p class="swiper-bom-centent">环境优雅，干净，空位宽敞，干净，环境优雅，干净</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="../../images/tud@2x.png" class="ch-lease-lists-item-img">
                            <div class="swiper-bom-box">
                                <h4 class="swiper-bom-title">40人办公室</h4>
                                <p class="swiper-bom-centent">环境优雅，干净，空位宽敞，干净，环境优雅，干净</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 位置信息 -->
           <div class="container ch-location-main-box">
                <h4 class="p-tit">位置信息</h4>
                <div class="map-container" id="allmap"></div>
            </div>
        </main>
       <div class="lf-blank"></div>
        <footer class="lf-footer">
            <img src="../../images/footer.png" alt="">
        </footer>
    </div>
    <!-- 侧边栏 -->
    <div class="lf-sidebar">
    	<div class="lf-sidebar-show">
    		<div>
    			<div class="lf-sidebar-search lf-fl"><img src="../../images/search@2x.png" alt=""><input placeholder="输入查询的内容" type="text"></div>
    		</div>
    		<ul class="lf-sidebar-ul">
    			<li class="lf-ul-click">
    				<div>首页</div>
    			</li>
    			<li class="lf-click-li">
    				<div class="lf-flj">众创空间 <i class="glyphicon glyphicon-menu-right"></i></div>
    				<ul class="lf-subset-ul">
    					<li><div>众创空间</div></li>
    					<li><div>众创空间</div></li>
    				</ul>
    			</li>
    			<li class="lf-click-li">
    				<div class="lf-flj">众创空间 <i class="glyphicon glyphicon-menu-right"></i></div>
    				<ul class="lf-subset-ul">
    					<li><div>众创空间</div></li>
    					<li><div>众创空间</div></li>
    				</ul>
    			</li>
    			<li class="lf-ul-click"><div>首页</div></li>
    		</ul>
    	</div>
    </div>
    <script src="./index.js"></script>
	<script src="../../common/js/index.js"></script>
</body>
</html>

